theme: fix borders on the dash

- the goal is to have the items activate even on the edge
  sadly this Fitzsiness is only working on the app vault icon
  at the bottom, not the regular icons so far.

diff --git a/data/theme/_common.scss b/data/theme/_common.scss
index 77556da23310c8d5a5f4e2ac88ed538d72edc334..c239df648cd485ecaf499773acbefdeef51f543d 100644 (file)
--- a/data/theme/_common.scss
+++ b/data/theme/_common.scss
@@ -1051,14 +1051,15 @@ StScrollBar {
   /* DASHBOARD */
   
   #dash {
-    @extend %overview-panel;
-    padding: 4px;
+    font-size: 9pt;
+    color: $_bubble_fg_color;
+    background-color: $_bubble_bg_color;
+    padding: 4px 0;
+    border: 1px solid rgba(128, 128, 128, 0.4);
     border-left: 0px;
     border-radius: 0px 9px 9px 0px;
     
     &:rtl {
-      border-left-width: 1px;
-      border-right-width: 0;
       border-radius: 9px 0 0 9px;
     }
     
@@ -1076,7 +1077,7 @@ StScrollBar {
   }
 
   .dash-item-container > StWidget {
-    padding: 4px;
+    padding: 4px 8px;
   }
 
   .dash-label { //osd tooltip

diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 1a0918dde4414795e1fe6e090a4eab94749712e7..2d8ba419541deebe8b0b64c35b7af71ba630d9e0 100644 (file)
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -920,12 +920,14 @@ StScrollBar {
 
 /* DASHBOARD */
 #dash {
-  padding: 4px;
+  font-size: 9pt;
+  color: #eeeeec;
+  background-color: #2e3436;
+  padding: 4px 0;
+  border: 1px solid rgba(128, 128, 128, 0.4);
   border-left: 0px;
   border-radius: 0px 9px 9px 0px; }
   #dash:rtl {
-    border-left-width: 1px;
-    border-right-width: 0;
     border-radius: 9px 0 0 9px; }
   #dash .placeholder {
     background-image: url("dash-placeholder.svg");
@@ -936,7 +938,7 @@ StScrollBar {
     height: 24px; }
 
 .dash-item-container > StWidget {
-  padding: 4px; }
+  padding: 4px 8px; }
 
 .dash-label {
   border-radius: 7px;
@@ -1082,7 +1084,7 @@ StScrollBar {
 .frequent-apps > StBoxLayout {
   padding: 0px 88px 10px 88px; }
 
-#dash, .workspace-thumbnails {
+.workspace-thumbnails {
   color: #eeeeec;
   background-color: #2e3436;
   border: 1px solid rgba(238, 238, 236, 0.2); }